<ui:fragment xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">



	<h:form id="frmGaleria" prependId="false">


		<div id="show-img" class="row-fluid">
			<div class="span12">
				<p:graphicImage id="imgExibir" style="height:400px;"
					value="/temp/#{produtoMB.fotoExibir.descricao}.jpg"></p:graphicImage>
			</div>

		</div>
		<div class="row-fluid">
			<div class="span12">

				<ui:repeat var="f" value="#{produtoMB.fotos}">
					<p:commandLink update=":tab:frmGaleria">
						<f:setPropertyActionListener target="#{produtoMB.fotoExibir}"
							value="#{f}" />
						<h:graphicImage id="img_#{f.descricao}" width="72" height="72"
							value="/temp/#{f.descricao}.jpg" />
					</p:commandLink>
				</ui:repeat>

			</div>
		</div>

		<div class="row-fluid margin-top">
			<div class="span3">
				<p:outputLabel styleClass="text-right">Enviar Imagens</p:outputLabel>
			</div>
			<div class="span9">
				<p:fileUpload fileUploadListener="#{produtoMB.enviarFoto}"
					cancelLabel="Cancelar" label="Selecionar" uploadLabel="Enviar"
					update=":tab:frmGaleria" auto="true"
					fileLimitMessage="Imagem muito grande"
					invalidFileMessage="Tipo de imagem inválido" style="width:100%"
					invalidSizeMessage="Imagem muito grande"
					allowTypes="/(\.|\/)(jpe?g|png|gif)$/">
				</p:fileUpload>
			</div>
		</div>

	</h:form>


</ui:fragment>
